<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css"  media="all"/>
		<script src="work/js/jquery-1.11.3.min.js"></script>
		<script src="layui/layui.js"></script>
	</head>
	<style type="text/css">
		.a{
			border: 1px solid red ;
		}
		.b{
		    height: 100%;
		    width: 200px;
		    background-color: #393D49;
		    
		}
	</style>
	<body>
		<!--<div class="layui-row">
			<div class="layui-col-md2 a " >
				第一个div
			</div>
			<div class="layui-col-md2 a " >
				第一个div
				</div>
				<div class="layui-col-md2 a " >
				第一个div
				</div>
				<div class="layui-col-md2 a " >
				第一个div
				</div>
				<div class="layui-col-md2 a " >
				第一个div
  				</div>
				<div class="layui-col-md2 a " >
				第一个div
				</div>
			
				<div class="layui-col-md3 a " >
				第一个div
				</div>
				<div class="layui-col-md3 a " >
				第一个div
				</div>
				<div class="layui-col-md3 a  layui-col-md-offset3" >
				第一个div
				</div>
			
				<div class="layui-col-md5 a " >
				第一个div
				</div>
				<div class="layui-col-md5 a " >
				第一个div
				</div>
				<div class="layui-col-md5 a " >
				第一个div
				</div>
			<div class="layui-col-md5 a " >
				第一个div
				</div>
				<div class="layui-col-md5 a " >
				第一个div
				</div>
				</div>
				-->
				<div class="layui-layout layui-layout-admin">
					<div class="layui-header">
						<div class="layui-logo">统一身份认证系统</div>
							<ul class="layui-nav layui-layout-right" lay-filter="">
 		  					   <li class="layui-nav-item"><a href="">最新活动</a></li>
  							   <li class="layui-nav-item layui-this"><a href="">产品</a></li>
  							   <li class="layui-nav-item"><a href="">大数据</a></li>
 							   <li class="layui-nav-item">
  		 <a href="javascript:;">解决方案</a>
   		 <dl class="layui-nav-child"> <!-- 二级菜单 -->
    		  <dd><a href="">移动模块</a></dd>
    		  <dd><a href="">后台模版</a></dd>
    		  <dd><a href="">电商平台</a></dd>
  		  </dl>
  		  </li>
		  <li class="layui-nav-item"><a href="">社区</a></li>
				</ul>
					</div>
					
					<div class="layui-side">
						<div class="layui-side-scroll b">
				<ul class="layui-nav layui-nav-tree" lay-filter="test">
<!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
  <li class="layui-nav-item layui-nav-itemed">
    <a href="javascript:;">默认展开</a>
    <dl class="layui-nav-child">
      <dd><a href="javascript:;">选项1</a></dd>
      <dd><a href="javascript:;">选项2</a></dd>
      <dd><a href="">跳转</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案</a>
    <dl class="layui-nav-child">
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模版</a></dd>
      <dd><a href="">电商平台</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">产品</a></li>
  <li class="layui-nav-item"><a href="">大数据</a></li>
</ul>
</div>
</div>
					
					
				</div>
				
				
      
		<script src="work/js/jquery-1.11.3.min.js"></script>
	
	
	<script type="text/javascript">
		//注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function(){
  var element = layui.element;
  
  //…
});
	</script>
	</body>
</html>
